<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,viewport-fit=cover">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="format-detection" content="telephone=no">
  <link rel="stylesheet" href="style.css">
  <title>IO健身</title>
</head>

<body>
  <div id="page-content" class="rich_media_area_primary">
    <div id="img-content">
      <h2 class="rich_media_title">IO健身 | 30分钟高效练遍全身，做传统健身的颠覆者</h2>

      <div class="rich_media_content ">
        <p class="t-c">速效、趣味、功能</p>
        <p class="t-c">分钟内练遍全身、高效健身</p>
        <p class="t-c">
          <span>▼</span>
        </p>
        <p>
          <iframe data-ratio="1.7058823529411764" data-src="https://v.qq.com/iframe/player.html?vid=w0518bc6c1x&tiny=0&auto=0" frameborder="0"></iframe>
        </p>
        <section class="links">
          <a href="http://cloud.io-gym.com/my/demo-program" target="_top"><img src="img/btn1.png" alt=""></a>
          <a href="https://cloud.io-gym.com/my/profile"><img src="img/btn2.png" alt=""></a>
        </section>
        <section>
          <p>
            <br>
          </p>
          <p class="t-c t-m">
            <strong>IO健身，30分钟练遍全身</strong>
          </p>
          <p>
            <br>
          </p>
          <p class="p-m">健身，从来都是靠实力说话，自主研发的健身设备已获得多项国际专利。阶段性定制课程使健身爱好者都能循序渐进，逐步提高。</p>
          <p>
            <br>
          </p>
          <p class="p-m">从瑜伽到MMA几十个课程可自主选择，每天只需30分钟，让你高效健身。</p>
          <p>
            <br>
          </p>
          <p>
            <img class="w-100" src="img/0.gif" alt="">
          </p>
          <p>
            <br>
          </p>
        </section>

        <section class="t-c">
          <div style="vertical-align: top; display:inline-block;">
            <img style="width:20px;" src="img/q.png" alt="">
          </div>
          <strong style="margin-left: 10px;color: #707070; line-height: 32px; font-size: 18px;">IO健身，能带来什么</strong>
        </section>

        <section>
          <section>
            <section class="img-wrapper-1">
              <p class="t-c">30分钟速效课程</p>
              <p class="t-c">快而有效、高效练遍全身</p>
              <p class="t-c">健康的运动习惯 科学的健身指导</p>
              <p>
                <img class="w-100" src="img/2.jpg" alt="">
              </p>
            </section>
          </section>
        </section>
        <p>
          <br>
        </p>

        <section class="t-c">
          <div style="vertical-align: top; display:inline-block;">
            <img style="width:20px;" src="img/q.png" alt="">
          </div>
          <strong style="margin-left: 10px;color: #707070; line-height: 32px; font-size: 18px;">IO健身，拿什么保证</strong>
        </section>
        <p>
          <br>
        </p>


        <section style="padding: 10px">
          <section style="padding-left:20px; margin-top:-11px;">
            <section style="box-shadow: -15px -15px 0px #ff7c7c">
                <ul class="benefit-list" style="padding: 36px 15px 36px 36px;">
                    <li>
                      <div class="list-title">利器一</div>
                      <div class="description">自主研发国际专利健身器材——灵活适应各种健身场景</div>
                    </li>
      
                    <li>
                      <div class="list-title">利器二</div>
                      <div class="description">阶段性课程——循序渐进，逐步提高</div>
                    </li>

                    <li>
                      <div class="list-title">利器三</div>
                      <div class="description">及时反馈——每一步都有数据追踪，教练指导</div>
                      <div class="img-wrap">
                        <img src="img/4.jpg" alt="">
                      </div>
                    </li>

                    <li>
                        <div class="list-title">利器四</div>
                        <div class="description">综合评估——从身材、运动能力、饮食、睡眠等多方面了解自己</div>
                    </li>

                    <li>
                        <div class="list-title">利器五</div>
                        <div class="description">数据分析——为你制订专业、合适的健身训练计划</div>
                    </li>
                    <li>
                        <div class="list-title">利器六</div>
                        <div class="description">激励员——陪伴、促进你健身的每一步</div>
                        <div class="img-wrap">
                            <img src="img/3.jpg" alt="">
                          </div>
                    </li>
                  </ul>
            </section>
          </section>
        </section>

        <section>
          <p class="t-c">健身</p>
          <p class="t-c">来这里颠覆传统</p>
          <p class="t-c">塑造自己、即刻行动</p>
          <section class="links">
            <a href="https://cloud.io-gym.com/my/demo-program"><img src="img/btn1.png" alt=""></a>
            <a href="https://cloud.io-gym.com/my/profile"><img src="img/btn2.png" alt=""></a>
          </section>
          <p class="t-c">
            <span>▼</span>
          </p>
          <p class="t-c t-m"><a style="color:#ffa900;text-decoration:none;" href="http://uat.io-gym.com/my/demo-program">io Fitness智能健身实验室</a></p>
          <p class="t-c">地址：嘉定区杭桂路1126号</p>
          <p class="t-c">客服电话：400-028-1126</p>
          <p class="t-c t-m">io Fitness智能健身（古北店）</p>
          <p class="t-c">地址：长宁区仙霞路333号东方维京大厦B1</p>
          <p class="t-c">客服电话：021-23561179</p>
        </section>

        <section>
          <div class="img-wrap">
            <img src="img/7.png" alt="">
          </div>
          <div class="img-wrap">
            <img src="img/8.jpeg" alt="">
          </div>
        </section>
      </div>
    </div>
  </div>
  <script src="app.js"></script>
</body>

</html>
